<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style2.css" rel="stylesheet" type="text/css"/>
	</head>

	<body>
		<div class="mui-content">
			<div class="mui-card">
				<ul class="mui-table-view">
					<li class="mui-table-view-divider">数据统计</li>
					<li class="mui-table-view-cell">已完成任务<span class="mui-badge mui-badge-success">14</span></li>
					<li class="mui-table-view-cell">未完成任务<span class="mui-badge mui-badge-primary">1</span></li>
					<li class="mui-table-view-cell">收到上报(未处理)<span class="mui-badge mui-badge-warning">5(3)</span></li>
					<li class="mui-table-view-cell">已发上报(待处理)<span class="mui-badge mui-badge-purple">8(2)</span></li>
				</ul>
			</div>
			
			<div class="mui-card">
				<div class="tab-panel-item">
					<ul class="mui-table-view">
						<li class="mui-table-view-divider">月度考评</li>
						<li class="mui-table-view-cell">本月优秀部门</li>
                            <a href="javascript:;" class="aui-flex b-line">
                                <div class="aui-flex-box">
                                    <h2>综合部</h2>
                                    <h3>完成任务数：10</h3>
                                </div>
                                <div class="aui-flex-top">
                                    <h2>1</h2>
                                </div>
                            </a>
                            <a href="javascript:;" class="aui-flex b-line">
                                <div class="aui-flex-box">
                                    <h2>市场2部</h2>
                                    <h3>完成任务数：8</h3>
                                </div>
                                <div class="aui-flex-top aui-flex-top-two">
                                    <h2>2</h2>
                                </div>
                            </a>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>市场2部</h2>
									<h3>完成任务数：8</h3>
								</div>
								<div class="aui-flex-top aui-flex-top-three">
									<h2>3</h2>
								</div>
							</a>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>市场2部</h2>
									<h3>完成任务数：6</h3>
								</div>
								<div class="aui-flex-top aui-flex-top-four">
									<h2>4</h2>
								</div>
							</a>
					</ul>
                </div> 
				<div class="tab-panel-item">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">本月工作之星</li>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>张三</h2>
									<h3>完成任务数：10</h3>
								</div>
								<div class="aui-flex-top">
									<h2>1</h2>
								</div>
							</a>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>李四</h2>
									<h3>完成任务数：8</h3>
								</div>
								<div class="aui-flex-top aui-flex-top-two">
									<h2>2</h2>
								</div>
							</a>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>王五</h2>
									<h3>完成任务数：8</h3>
								</div>
								<div class="aui-flex-top aui-flex-top-three">
									<h2>3</h2>
								</div>
							</a>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>赵六</h2>
									<h3>完成任务数：6</h3>
								</div>
								<div class="aui-flex-top aui-flex-top-four">
									<h2>4</h2>
								</div>
							</a>
					</ul>
				</div> 		
			</div>
			
			<div class="mui-card">
				<div class="tab-panel-item">
					<ul class="mui-table-view">
						<li class="mui-table-view-divider">周度考评</li>
						<li class="mui-table-view-cell">本周优秀部门</li>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>综合部</h2>
									<h3>完成任务数：10</h3>
								</div>
								<div class="aui-flex-top">
									<h2>1</h2>
								</div>
							</a>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>市场2部</h2>
									<h3>完成任务数：8</h3>
								</div>
								<div class="aui-flex-top aui-flex-top-two">
									<h2>2</h2>
								</div>
							</a>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>市场2部</h2>
									<h3>完成任务数：8</h3>
								</div>
								<div class="aui-flex-top aui-flex-top-three">
									<h2>3</h2>
								</div>
							</a>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>市场2部</h2>
									<h3>完成任务数：6</h3>
								</div>
								<div class="aui-flex-top aui-flex-top-four">
									<h2>4</h2>
								</div>
							</a>
					</ul>
				</div> 
				<div class="tab-panel-item">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">本周工作之星</li>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>张三</h2>
									<h3>完成任务数：10</h3>
								</div>
								<div class="aui-flex-top">
									<h2>1</h2>
								</div>
							</a>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>李四</h2>
									<h3>完成任务数：8</h3>
								</div>
								<div class="aui-flex-top aui-flex-top-two">
									<h2>2</h2>
								</div>
							</a>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>王五</h2>
									<h3>完成任务数：8</h3>
								</div>
								<div class="aui-flex-top aui-flex-top-three">
									<h2>3</h2>
								</div>
							</a>
							<a href="javascript:;" class="aui-flex b-line">
								<div class="aui-flex-box">
									<h2>赵六</h2>
									<h3>完成任务数：6</h3>
								</div>
								<div class="aui-flex-top aui-flex-top-four">
									<h2>4</h2>
								</div>
							</a>
					</ul>
				</div> 		
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>
